body { background:#f9f7f2; font-size:1.8vh; }
@media (max-width: 1400px) { body { font-size:2.5vh; } }
header { position:fixed; z-index:10; height:12vh; background:#222; top:0; left:0; right:0; box-shadow:0 0 3px 3px rgba(0,0,0,0.3); }
.container { width:1170px; margin:0 auto; }
.clearfix::after { content: ""; clear: both; display: table; }
.headerTop { display:flex; justify-content:flex-end; align-items:center; height:4vh; border-bottom:1px solid #eec458; }
.headerTop a { display:inline-block; padding:0; margin:0 2vw 0 0; font-size:90%; color:#bea164; }
.headerTop a:hover { color: #e2c996; }
.headerBottom { display:flex; align-items:center; height:8vh; }
.headerBottom .logo { display:inline-block; width:fit-content; height:5.5vh; margin:0 0 0 2vw; }
.headerBottom .logo img { width:auto; height:100%; }
.navBut { display:flex; align-items:center; margin:0 2vw 0 auto; color:#bea164; cursor:pointer; }
.navBut span { display:inline-block; margin:0 .5vw 0 0; font-size:85%;  transition:ease .5s; }
.navBut img { width:auto; height:2.5vh; }
.navBut:hover { color:#e2c996; }
nav { position:fixed; z-index:9; top:12vh; left:110vw; right:0; bottom:0; transition:.4s; background:#bea164; overflow:hidden; }
.navStab { position:relative; width:100vw; height:100%; }
.navClose { position:absolute; margin-top:2vh; right:2vw; color:#363636; font-size:140%; font-weight:900; transition:.4s; cursor:pointer; }
.navClose:hover { color:#e35b5b; }
.navOpen { left:0; }
.fligran { position:absolute; z-index:1; right:0; bottom:0; width:auto; height:36vh; opacity:.4; }
.navCont { position:absolute; z-index:2; display:flex; justify-content:center; flex-direction:column; height:100%; left:5vw; }
.navCont a { font-size:220%; color:#404040; font-weight:600; margin:0 0 2vh 0; }
.navCont a:hover { color: #000; }

/* MAIN */
main { padding:12vh 0 0 0; }
.banner { width:100%; height:65vh; background:url(_img/banner_bg.jpg) no-repeat top left / cover; border-bottom:1px solid #bea164; }
.bannerStab { display:flex; justify-content:space-between; align-items:center; width:1200px; height:100%; margin:0 auto 0 auto; }
.motto { display:flex; justify-content:center; align-items:flex-start; flex-direction:column; width:55%; height:100%; }
.motto h1 { font-size:380%; color:#bd9647; font-weight:400; margin:0 0 1vh 0; text-align:left; padding:0; }
.motto p { font-size:130%; color:#000; font-weight:400; margin:0; }
.bannerImg { position:relative; width:33%; height:auto; margin-right:4vw; }
.bannerImg img { width:100%; height:auto; }
.bannerImg span { position:absolute; z-index:2; }
.bannerImg .line1 { top:-5vh; left:-1vw; height:120%; width:1px; background-color:#bea164; }
.bannerImg .line2 { top:2vh; left:-2.5vw; width:115%; height:1px; background-color:#bea164; }
.bannerImg .line3 { top:-3.5vh; right:-1vw; height:110%; width:1px; background-color:#bea164; }
.bannerImg .line4 { bottom:2vh; left:-1.7vw; width:120%; height:1px; background-color:#bea164; }

.serviceButtons { display:flex; justify-content:space-between; margin-top:-6vh; }
.serviceButton { position:relative; display:block; width:18%; }
.serviceButton img { width:100%; height:auto; }
.serviceText { position:absolute; z-index:2; display:flex; justify-content:center; align-items:center; width:100%; height:100%; color:#e7c884; font-size:130%; font-weight:500; text-align:center; text-shadow:-4px -4px 6px rgba(0,0,0,0.8); transition:.4s; }
.serviceButton span { position:absolute; z-index:3; }
.serviceButton .line1 { top:-2.2vh; left:-0.8vw; height:120%; width:1px; background-color:#bea164; }
.serviceButton .line2 { top:2vh; left:-2.5vw; width:135%; height:1px; background-color:#bea164; }
.serviceButton .line3 { top:-1.8vh; right:-0.8vw; height:120%; width:1px; background-color:#bea164; }
.serviceButton .line4 { bottom:2vh; left:-1.7vw; width:140%; height:1px; background-color:#bea164; }
.serviceButton:hover .serviceText { color:#fff; }
@media (min-width: 1400px) { .banner { height:45vh; } .serviceButtons { margin-top:-4vh; } }

.mainText { margin-top:8vh; }
.mainText h2 { margin:0 0 2vh 0; padding:0; font-size:160%; }
.mainText section p { margin:0 0 2vh 0; padding:0; font-size:110%; }
.mainText p strong { font-weight:600; }
.mainText section li { display:flex; align-items:center; flex-wrap:wrap; margin:0 0 2vh 0; padding:0; font-size:110%; }
.mainText section li span { display:inline-block; margin:0 0.7vw 0 0; float:left; }
.mainText section li span img { rotate:180deg; }

.testimonials { position:relative; margin-top:5vh; padding:0 0 5vh 0; }
.testimonials h3 { margin:0 0 3vh 0; padding:0; font-size:150%; color:#bea164; font-weight:600; }
.tmSlider { padding:0 0 7vh 0; }
.tmItem { overflow:hidden; }
.tmItem img { float:left; width:15%; height:auto; margin-right:2vw; }
.tmItemHead { font-size:130%; font-weight:600; margin:0 0 1.5vh 0; }
.tmItemComp { font-size:110%; font-weight:600; margin:0 0 1.5vh 0; }
.tmItemText { font-size:100%; font-weight:400; margin:0 0 4vh 0; }
.tmItemText p { margin:0 0 1.5vh 0; }
.swiper-button-prev { top:unset; left:unset; right:80px; bottom:20px !important; color:#bea164; }
.swiper-button-next { top:unset; left:unset; right:40px; bottom:20px !important; color: #bea164; }
.swiper-button-prev:after { font-size:4vh; }
.swiper-button-next:after { font-size:4vh; }

.callForm { width:100%; padding:3vh 0; margin:0 0 5vh 0; background:#bea164; }
.callFormCont { display:flex; justify-content:space-between; align-items:center; }
.callFormHead { font-size:130%; font-weight:600; color:#fff; }
.callFormCont input { width:300px; height:36px; border:0; background:#f9f7f2; color:#000; padding:0 .5vw; }
.callFormCont input[type=button] { width:200px; height:36px; border:0; background:#352d1c; color:#bea164; font-weight:600; }
.callFormCont input[type=button]:hover { background: #000; }

.mainLibrary { margin-top:5vh; margin-bottom:10vh; padding:0; }
.mainLibraryHeader {  font-size:160%; font-weight:600; color:#bea164; margin:0 0 5vh 0; }
.mainLibraryLeft { position:relative; width:35%; float:left; margin-right:10%; margin-left:5%; }
.mainLibraryLeft span { position:absolute; z-index:2; }
.mainLibraryLeft .line1 { top:-2.2vh; left:-0.8vw; height:107%; width:1px; background-color:#bea164; }
.mainLibraryLeft .line2 { top:2vh; left:-2.5vw; width:120%; height:1px; background-color:#bea164; }
.mainLibraryLeft .line3 { top:-1.8vh; right:-0.8vw; height:103%; width:1px; background-color:#bea164; }
.mainLibraryLeft .line4 { bottom:2vh; left:-1.7vw; width:115%; height:1px; background-color:#bea164; }
.mainLibraryLeft img { width:100%; height:auto; }

.mainLibraryRight { position:relative; width:48%; float:left; margin-bottom:6vh; }
.mainLibraryRight span { position:absolute; z-index:2; }
.mainLibraryRight .line1 { top:-2.2vh; left:-0.8vw; height:107%; width:1px; background-color:#bea164; }
.mainLibraryRight .line2 { top:2vh; left:-2.5vw; width:115%; height:1px; background-color:#bea164; }
.mainLibraryRight .line3 { top:-1.8vh; right:-0.8vw; height:111%; width:1px; background-color:#bea164; }
.mainLibraryRight .line4 { bottom:2vh; left:-1.7vw; width:117%; height:1px; background-color:#bea164; }
.mainLibraryRight img { width:100%; height:auto; }

/* SERVICES */
.services h1 { margin:5vh 0 5vh 0; padding:0; font-size:180%; color:#bea164; font-weight:600; }
.servicesList { display:flex; justify-content:space-between; flex-wrap:wrap; }
.servicesBox { position:relative; width:18%; margin:0 2% 8vh 2%; }
.servicesBox span { position:absolute; z-index:2; }
.servicesBox .line1 { top:-2.2vh; left:-0.8vw; height:112%; width:1px; background-color:#bea164; }
.servicesBox .line2 { top:2vh; left:-2.5vw; width:130%; height:1px; background-color:#bea164; }
.servicesBox .line3 { top:-1.8vh; right:-0.8vw; height:108%; width:1px; background-color:#bea164; }
.servicesBox .line4 { bottom:2vh; left:-1.7vw; width:120%; height:1px; background-color:#bea164; }
.servicesBox img { width:100%; height:auto; }

/* CONTACT */



/* FOOTER */
.footer {position:relative; width:100vw; height:100vh; background: #000; color:#827c6e; }
.footer a { color: #827c6e; }
.footer a:hover { color: #a1916b; }
.footer .container { display:flex; justify-content:space-between; align-items:center; flex-direction:column; padding:14vh 0 0 0; }
.socials-head { display:inline-block; margin:0 0 1.5vh 0; padding:0; font-size:150%; font-weight:400; color:#8e7b52; }
.socials { display:flex; flex-wrap:wrap; margin:0 0 1vh 0; }
.social-item { display:flex; justify-content:center; align-items:center; padding:.5vh .9vh; margin:0 2vw 0 0; font-size:130%; font-weight:500; color:#827c6e; }
.social-item:last-child { margin:0; }
.secure { margin:3vh; }
.footer-nav { position:relative; display:flex; justify-content:center; align-items:flex-start; width:100%; margin:3vh 0; }
.footer-nav section { display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; flex:1; margin:0 3.5vw 0 0; border-right:1px solid #333; }
.footer-nav section h5 { display:block; width:100%; margin:0 0 1.5vh 0; padding:0; font-size:100%; font-weight:600; font-style:italic; }
.footer-nav section:last-child { border:0 !important; }
.footer-nav section a { display:block; padding:.5vh; margin:0 0 .5vh 0; font-size:90%; }
.footer-langs { display:flex; justify-content:flex-start; align-items:center; width:100%; padding:2vh 0; }
.footer-langs a { display:flex !important; justify-content:center; align-items:center; padding:.5vh 1vh !important; margin:0 .6vh 0 0 !important; border-right:1px solid #333; font-size:90% !important; font-weight:400; }
.footer-corporate { position:absolute; display:flex; justify-content:space-between; align-items:center; bottom:3vh; width:1170px; margin:0 auto; }
.footer-corporate section { font-size:60%; line-height:70%; }
.footer-corporate section:last-child { text-align:right; }
.copyright { display:inline-block; font-size:90% !important; font-weight:400; }